
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<style>
    .xc-content-search{
        display: flex;
        position: relative;
        width: 810px;
        height: 40px;
        left: 20px;
        top : 5px;
        margin: 0 auto;

    }
   .xc-content-search .xc-form .xc-search{
        display: flex;
    }

  .xc-content-search .xc-form .xc-search .xc-search-content{
        display: flex;
        height: 34px;
        width: 389px;
        border-radius: 5px 0 0 5px;
        border: 3px solid #fe9813;
        border-right: none;
    }

    .xc-content-search .xc-form .xc-search .xc-search-content .xc-icon-product{
        border-color: #fe9813;
        border-right-width: 2px;
        background-color: #FFF8D5;
        width: 110px;
        height: 34px;
        line-height: 34px;
        border-style: solid;
        /*margin-left: 10px;*/
        padding-left: 10px;

    }
    .xc-content-search .xc-form .xc-search .xc-search-content .xc-icon-product .icon-xiala{
        padding-left: 20px;
    }


   .xc-content-search .xc-form .xc-search .xc-search-content .xc-content-search-input{
        height: 28px;
        width: 265px;
        outline: none;
        border: none;

    }

   .xc-content-search .xc-form .xc-search .xc-search-btn{
        cursor:pointer;
        width: 100px;
        height: 40px;
        background-color: #fb9125;
        line-height: 40px;
        font-size: 18px;
        color: #ffffff;
        font-weight:700;
    }
   .xc-content-search .xc-form .xc-search .xc-search-btn .icon-sousuo1{
        padding-left: 15px;
        padding-right: 15px;
    }
    .xc-content-search .xc-form .xc-search .xc-search-btn:hover{
        background-color: #e08821;
    }
</style>



<div class="xc-content-search">
    <form action="/api/travel/selectTravelSite" method="get" class="xc-form">
        <div class="xc-search">
            <div class="xc-search-content">
                <a class="xc-icon-product" href="">
                    全部产品
                    <i class="iconfont icon-xiala" ></i>
                </a>
                <input class="xc-content-search-input" name="title" type="text" style="height: 34px" placeholder="请输入目的地、主题或关键字">
            </div>
            <div class="xc-search-btn">
                <button type="submit" class="xc-search-btn" style="border: none" >  <i class="iconfont icon-sousuo1" ></i>搜索</button>
                <%--                    <a  href="" style="color: white">--%>
                <%--                      --%>
                <%--                        搜索--%>
                <%--                    </a>--%>
            </div>
        </div>
    </form>

</div>
